<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=yes">
    <title>Title</title>
    <script src="../js/zbList.js"></script>
</head>
<body>

    <div id="content"></div>
<script type="text/javascript">
    let mylist = new zbList('list');
    mylist.onClickRow = function () {console.log(this);};
    let config = {list_id:'list', list_type:''};
    let data = [
        {
            'item_id': '1111',
            'title':'测试-name1',
            'desc': '<p>Hello World!</p>',
            'params': 'xxx',
        },
        {
            'item_id': '2222',
            'title':'测试-name2',
            'desc': '<p>Hello World!</p>',
            'params': 'xxx',
        },
    ];

    mylist.init(data,config);
    mylist.replaceNode('content');

    let children = [
        {
            'item_id': '3333',
            'title':'测试-name3',
            'desc': '<p>Hello World!</p>',
            'params': 'xxx',
            'func': 'callback_name'
        },
        {
            'item_id': '4444',
            'title':'测试-name4',
            'desc': '<p>Hello World!</p>',
            'params': 'xxx',
            'func': 'callback_name'
        },
    ];
    mylist.append(children, config);

</script>

</body>
</html>